<!doctype html>
<html>
    <head>
        <title>Powered by...</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">
            html, body
                { margin: 0; padding: 0; }
            h1, h2, h3
                { margin: 0; font-size: 8em; font-weight: 800; }
            html, body, .jumbotron, .container
                { color: #eee; background-color: #000; }
            blockquote, pre
                { color: #ccc; background-color: #222; }
            blockquote, pre
                { margin: 0; padding: 10px 15px; }
            .jumbotron
                { margin: 20px 0; padding: 20px 0; }
            .container
                { margin: 0 auto; padding: 0 15px; }
            @media (min-width: 1200px) {
                .container { width: 1170px; }
            }
            @media (min-width: 992px) {
                .container { width: 970px; }
            }
            @media (min-width: 768px) {
                .container { width: 750px; }
            }
            .copy-right a, .site-links a
                { margin-right: 1.0em; }
            a:link, a:hover, a:active, a:visited
                { color: gold; text-shadow: 0 -1px 2px #fff; }
            ul:after
                { clear: both; display: block; content: ''; }
            ul > li
                { float: left; font-weight: bold; margin-right: 2em; }
        </style>
    </head>
    <body>
        <div class="jumbotron">
            <div class="container">
                <h1> : P </h1>
                <h4>Powered by <a href="https://github.com/ihongs/HongsCORE/" target="_blank">HongsCORE</a>, and...</h4>
                <p>&nbsp;</p>
                <div>
                    <div>
                        <h4>Service</h4>
                        <ul>
                            <li><a href="http://www.java.com/" target="_blank">
                                    <tt>Java</tt>
                                </a></li>
                            <li><a href="http://www.eclipse.org/jetty/" target="_blank">
                                    <tt>Jetty</tt>
                                </a></li>
                            <li><a href="http://maven.apache.org/" target="_blank">
                                    <tt>Maven</tt>
                                </a></li>
                            <li><a href="http://lucene.apache.org/" target="_blank">
                                    <tt>Lucene</tt>
                                </a></li>
                            <li><a href="http://www.sqlite.org/" target="_blank">
                                    <tt>SQLite</tt>
                                </a></li>
                        </ul>
                    </div>
                    <div>
                        <h4>Modules</h4>
                        <ul>
                            <li><a href="http://commons.apache.org/" target="_blank">
                                    <tt>Apache Commons</tt>
                                </a></li>
                            <li><a href="http://commons.apache.org/proper/commons-dbcp/index.html" target="_blank">
                                    <tt>DBCP</tt>
                                </a></li>
                            <li><a href="http://logging.apache.org/log4j/2.x/" target="_blank">
                                    <tt>Log4j</tt>
                                </a></li>
                            <li><a href="https://www.slf4j.org/" target="_blank">
                                    <tt>Slf4j</tt>
                                </a></li>
                            <li><a href="http://projects.coobird.net/thumbnailator/" target="_blank">
                                    <tt>Thumbnailator</tt>
                                </a></li>
                        </ul>
                    </div>
                    <div>
                        <h4>Front End</h4>
                        <ul>
                            <li><a href="http://www.jquery.com/" target="_blank">
                                    <tt>jQuery</tt>
                                </a></li>
                            <li><a href="http://www.jqueryui.com/" target="_blank">
                                    <tt>jQuery UI</tt>
                                </a></li>
                            <li><a href="http://getbootstrap.com/" target="_blank">
                                    <tt>Bootstrap</tt>
                                </a></li>
                            <li><a href="http://summernote.org/" target="_blank">
                                    <tt>Summernote</tt>
                                </a></li>
                            <li><a href="http://codemirror.net/" target="_blank">
                                    <tt>CodeMirror</tt>
                                </a></li>
                            <li><a href="http://echarts.baidu.com/" target="_blank">
                                    <tt>ECharts</tt>
                                </a></li>
                        </ul>
                    </div>
                </div>
                <p>&nbsp;</p>
            </div>
            <div class="container">
                <blockquote>
                    <p>子貢問為仁。子曰：「<a href="https://en.wiktionary.org/wiki/%E5%B7%A5%E6%AC%B2%E5%96%84%E5%85%B6%E4%BA%8B%EF%BC%8C%E5%BF%85%E5%85%88%E5%88%A9%E5%85%B6%E5%99%A8"><b>工欲善其事，必先利其器。</b></a>居是邦也，事其大夫之賢者，友其士之仁者。」</p>
                    <p style="font-size: 0.5em;">Zi Gong asked about the practice of virtue. The Master said, "<b>The mechanic, who wishes to do his work well, must first sharpen his tools.</b> When you are living in any state, take service with the most worthy among its great officers, and make friends of the most virtuous among its scholars."</p>
                </blockquote>
            </div>
        </div>
    </body>
</html>